<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>入口</title>
    <style>
        .title{display: flex;align-items: center;flex-direction: column;}
        .border{border: #433b90 1px solid;width: 90%;display: flex;}
        .border div{width: 25%;height: 50px;line-height: 50px;text-align: center;}
    </style>
</head>
<body>
<div class="title">
    <h2>菜鸟教程</h2>
    <div class="border">
        <div><a target="_blank" href="https://www.runoob.com/linux/linux-install.html">Linux 菜鸟教程</a></div>
        <div><a target="_blank" href="https://www.runoob.com/docker/docker-tutorial.html">Docker 菜鸟教程</a></div>
        <div><a target="_blank" href="https://blog.csdn.net/doegoo/article/details/80062132">Centos7 安装Docker</a></div>
        <div><a target="_blank" href="https://www.runoob.com/css/css-tutorial.html" >CSS 菜鸟教程</a></div>
        <div><a target="_blank" href="https://www.runoob.com/mongodb/mongodb-tutorial.html">mongodb 菜鸟教程</a></div>
    </div>
    <div class="border">
        <div><a target="_blank" href="https://www.runoob.com/markdown/md-paragraph.html">markdown 菜鸟教程</a></div>
        <div><a target="_blank" href="https://www.runoob.com/w3cnote/webpack-tutorial.html">webpack(静态文件打包)</a></div>
        <div><a target="_blank" href="https://www.runoob.com/vue3/vue3-install.html">vue3 菜鸟教程</a></div>
        <div><a target="_blank" href="https://www.runoob.com/w3cnote/flex-grammar.html?spm=a2c6h.13046898.publish-article.4.fcb46ffarw0mns">flex布局 菜鸟教程</a></div>
        <div><a target="_blank" href="https://developers.weixin.qq.com/miniprogram/dev/framework/">微信开发</a></div>
    </div>
    <div class="border">
        <div><a target="_blank" href="https://www.runoob.com/git/git-tutorial.html">git菜鸟教程</a></div>
    </div>
    <h2>参考资料</h2>
    <div class="border">
        <div><a target="_blank" href="title/html.html">html</a></div>
        <div><a target="_blank" href="title/css.html">Css</a></div>
        <div><a target="_blank" href="title/js.html">js</a></div>
        <div><a target="_blank" href="title/Jquery.html">Jquery</a></div>
        <div><a target="_blank" href="title/css3.html">Css3</a></div>

    </div>
    <div class="border">
        <div><a target="_blank" href="title/webApp.html">webApp(移动端+PC)</a></div>
        <div><a target="_blank" href="title/es6.html">es6</a></div>
        <div><a target="_blank" href="title/h5.html">h5</a></div>
        <div><a target="_blank" href="title/node.html">node</a></div>
        <div><a target="_blank" href="title/正则表达式.html">正则表达式</a></div>
    </div>
    <h2>项目demo</h2>
    <div class="border">
        <div><a target="_blank" href="https://gitee.com/du-web-app/meituan">仿美团app (移动端)</a></div>
        <div><a target="_blank" href="https://gitee.com/du-wechat-dev/mini-program-demo-1">微信小程序 demo-1</a></div>
        <div><a target="_blank" href="https://gitee.com/vue-du/travel-demo">仿去哪儿app (vue3)</a></div>
    </div>
</div>

</body>
</html>